<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录页</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/enroll.css">
  <link rel="stylesheet" href="./css/footer.css">
</head>

<body>
  <header>
    <!-- 蓝色的线 -->
    <div class="header-line"></div>
    <!-- 头部主要内容 -->
    <div class="header-content clearfix">
      <!-- logo -->
      <a href="#" class="logo fl">
        <img src="./assets/images/logo.jpg" alt="logo">
      </a>
      <!-- 导航 -->
      <nav class="navigation fl">
        <ul class="clearfix">
          <li class="fl active"><a href="#">首页</a></li>
          <li class="fl"><a href="#">关于鼎搜</a></li>
          <li class="fl"><a href="#">鼎搜服务</a></li>
          <li class="fl"><a href="#">鼎搜动态</a></li>
          <li class="fl"><a href="#">鼎搜诚聘</a></li>
          <li class="fl"><a href="#">鼎搜公益</a></li>
        </ul>
      </nav>
      <!-- 搜索 -->
      <div class="search fr">
        <input type="text">
        <div class="search-logo">
          <img src="./assets/images/search.jpg" alt="search-logo">
        </div>
      </div>
    </div>
    <!-- 大图片 -->
    <div class="header-pic">
      <img src="./assets/images/tittle.jpg" alt="title">
    </div>
  </header>
  <section>
    <div class="login">
      <div class="transfer">
        <div class="transfer-line"></div>
        <div class="transfer-content">
          <p>我要转让</p>
          <p>WOYAOZHUANRANG</p>
        </div>
        <div class="transfer-line"></div>
      </div>
      <div class="main">
        <div class="main-content">
          <div class="main-content-top">
            <button>点击登录</button>
            <button>点击注册</button>
          </div>
          <div class="main-content-bottom">
            <div class="main-content-bottom-left">
              <p>用户名：</p>
              <p>密码：</p>
              <p>验证码：</p>
              <p>有效期：</p>
            </div>
            <div class="main-content-bottom-right">
              <input type="text">
              <input type="text">
              <div class="right-3">
                <input type="text" class="input3">
                <img src="./assets/images/password.jpg" alt="password">
                <span>看不清?</span>
                <span>点击更换</span>
              </div>
              <div class="right-4">
                <input type="radio" name="time" id="month"><label for="month">一个月</label>
                <input type="radio" name="time" id="weekend"><label for="weekend">一周</label>
                <input type="radio" name="time" id="day"><label for="day">一天</label>
                <input type="radio" name="time" id="now"><label for="now">即时</label>
              </div>
            </div>
          </div>
          <div class="main-content-last">
            <button>登录</button>
            <span>忘记密码？</span>
          </div>
        </div>
        <div class="main-img">
          <img src="./assets/images/login.jpg" alt="login">
        </div>
      </div>
    </div>
  </section>
  <div class="web">
    <!-- 尾部 -->
    <footer>
      <hr class="hr">
      <div class="information clearfix">
        <ul class="footer-item fl">
          <li>简介</li>
          <li>鼎搜网简介</li>
          <li>鼎搜服务</li>
          <li>会员身份实名认证</li>
        </ul>
        <ul class="footer-item fl">
          <li>帮助</li>
          <li>用户注册</li>
          <li>关于鼎搜</li>
          <li>在线咨询</li>
        </ul>
        <ul class="footer-item fl">
          <li>共赢</li>
          <li>网站合作</li>
          <li>用户协议</li>
          <li>会员身份实名认证</li>
        </ul>
        <ul class="footer-item fl">
          <li>导航</li>
          <li>地图首页</li>
          <li>职能分配</li>
          <li>企业名录</li>
        </ul>
        <div class="qr-code fr">
          <div class="qe-code-first">
            <div class="first">
              <img src="./assets/images/phone.png" alt="phone">
            </div>
            <div class="two">
              <p>全国服务热线</p>
              <p>440-880-1779</p>
              <p>邮箱:dinsoo@163.com</p>
            </div>
            <div class="three">
              <p>投诉电话：4408801779</p>
              <p>周一至周六：9:20-20:00</p>
              <p><img src="./assets/images/weibo.png" alt="weibo"></p>
            </div>
          </div>
          <div class="qe-code-two"> 
            <div class="qr">
              <img src="./assets/images/QR_25.png" alt="QR_25">
            </div>
            <div class="subscription">订阅信息</div>
          </div>
        </div>
      </div>
      <div class="copyright">Copyright @2015 鼎搜网(www.dinsoo.com)版权所有</div>
    </footer>
  </div>
</body>

</html>